<template>
	<div class="order_list">
		<div class="common_form_search">
			<el-form ref="searchForm" :inline="true" :model="searchForm">
				<el-form-item label="订单号">
					<el-input style="width:220px" v-model="searchForm.orderNo" placeholder="请输入订单号" clearable></el-input>
				</el-form-item>
				<el-form-item label="商品名称">
					<el-input v-model="searchForm.goodsName" placeholder="请输入商品名称" clearable></el-input>
				</el-form-item>
				<el-form-item label="用户名">
					<el-input v-model="searchForm.receivingName" placeholder="请输入用户名" clearable></el-input>
				</el-form-item>
				<el-form-item label="手机号">
					<el-input v-model="searchForm.receivingMobile" placeholder="请输入手机号" clearable></el-input>
				</el-form-item>
				<el-form-item label="状态">
					<el-select v-model="searchForm.orderStatus" placeholder="全部" clearable>
						<el-option v-for="item in selectList" :key="item.id" :label="item.name"
							:value="item.id"></el-option>
					</el-select>
				</el-form-item>
				<el-form-item label="创建时间">
					<my-date-picker ref="myDatePicker"></my-date-picker>
				</el-form-item>
				<el-form-item>
					<el-button size="small" type="primary" @click="search()">查询</el-button>
					<el-button size="small" @click="reset()">重置</el-button>
					<!-- <el-button v-if="$hasMethod('#export')" size="small" type="warning" @click="exportFile()">导出</el-button> -->
				</el-form-item>
			</el-form>
		</div>
		<el-divider></el-divider>
		<div class="child_page">
			<div class="list_wrap">
				<div class="flex list_header">
					<p style="width:27%;padding-left:20px">商品信息</p>
					<p class="text-center" style="width:3%">数量</p>
					<p class="text-center" style="width:10%">租金</p>
					<p class="text-center" style="width:9%">租期</p>
					<p class="text-center" style="width:6%">押金</p>
					<p class="text-center" style="width:15%">实付金额</p>
					<p class="text-center" style="width:8%">是否买断</p>
					<p class="text-center" style="width:7%">下期付款金额</p>
					<p style="width:16%;padding-left:20px">收货人信息</p>
				</div>
				<div v-for="item in tableData" :key="item.id" class="list_item">
					<div class="flex justify-between align-center item_header">
						<el-tag :type="getOrderStatusType(item.status)">{{ item.statusName }}</el-tag>
						<div class="flex-1 flex align-center">
							<!-- <p>ID：{{ item.id }}</p> -->
							<p>创建时间：{{ item.create_time }}</p>
							<p>订单号：{{ item.trade_no }}</p>
							<p class="sign_icons">
								<el-tooltip class="item" effect="dark" content="用户授权协议已签署" placement="top-start">
									<img v-if="item.flow_id_2" src="../../assets/images/db-signed.png" alt="用户授权协议已签署" />
								</el-tooltip>
								<el-tooltip class="item" effect="dark" content="用户授权协议未签署" placement="top-start">
									<img v-if="!item.flow_id_2" src="../../assets/images/db-unsign.png" alt="用户授权协议未签署" />
								</el-tooltip>

								<el-tooltip class="item" effect="dark" content="个人征信授权书已签署" placement="top-start">
									<img v-if="item.flow_id_3" src="../../assets/images/db-signed.png" alt="个人征信授权书已签署" />
								</el-tooltip>
								<el-tooltip class="item" effect="dark" content="个人征信授权书未签署" placement="top-start">
									<img v-if="!item.flow_id_3" src="../../assets/images/db-unsign.png" alt="个人征信授权书未签署" />
								</el-tooltip>

								<el-tooltip class="item" effect="dark" content="融资租赁委托担保合同已签署" placement="top-start">
									<img v-if="item.flow_id_4" src="../../assets/images/dan_yes.png" alt="融资租赁委托担保合同已签署" />
								</el-tooltip>
								<el-tooltip class="item" effect="dark" content="融资租赁委托担保合同未签署" placement="top-start">
									<img v-if="!item.flow_id_4" src="../../assets/images/dan_no.png" alt="融资租赁委托担保合同未签署" />
								</el-tooltip>


								<el-tooltip class="item" effect="dark" content="租赁合同未签署" placement="top-start">
									<img v-if="item.sign_status != 1 && item.sign_status != 2"
										src="../../assets/images/unsign.png" alt="合同未签署" />
								</el-tooltip>
								<el-tooltip class="item" effect="dark" content="租赁合同签署中" placement="top-start">
									<img v-if="item.sign_status == 1" src="../../assets/images/signing.png" alt="合同签署中" />
								</el-tooltip>
								<el-tooltip class="item" effect="dark" content="租赁合同已签署" placement="top-start">
									<img v-if="item.sign_status == 2" src="../../assets/images/signed.png" alt="合同已签署" />
								</el-tooltip>
								<el-tooltip class="item" effect="dark" content="续租订单" placement="top-start">
									<img v-if="item.is_renewal == 1" src="../../assets/images/renew.png" alt="续租订单" />
								</el-tooltip>
								<el-tooltip class="item" effect="dark" content="公证合同未签署" placement="top-start">
									<img v-if="item.is_lease == 1" src="../../assets/images/unnotarization.png"
										style="width: 25px;height: 25px;" alt="公证未签署">
								</el-tooltip>
								<el-tooltip class="item" effect="dark" content="公证合同签署中" placement="top-start">
									<img v-if="item.is_lease == 2" src="../../assets/images/notarization.png"
										style="width: 25px;height: 25px;" alt="公证未签署">
								</el-tooltip>
								<el-tooltip class="item" effect="dark" content="公证合同已签署" placement="top-start">
									<img v-if="item.is_lease == 3" src="../../assets/images/notarizationed.png" alt="合同已签署"
										@click="textContact(item.notar_list.contact_text)">
								</el-tooltip>
								<el-tooltip class="item" effect="dark" content="公证申请表" placement="top-start">
									<img v-if="!item.notar_list.apply_text" src="../../assets/images/unapply.png"
										style="width: 25px;height: 25px;" alt="公证申请表">
								</el-tooltip>
								<el-tooltip class="item" effect="dark" content="公证申请表已签署" placement="top-start">
									<img v-if="item.notar_list.apply_text" src="../../assets/images/applyed.png"
										alt="公证申请表已签署" @click="textApply(item.notar_list.apply_text)">
								</el-tooltip>
								<el-tooltip class="item" effect="dark" content="公证告知书" placement="top-start">
									<img v-if="!item.notar_list.tell_text" src="../../assets/images/tell.png"
										style="width: 25px;height: 25px;" alt="公证告知书">
								</el-tooltip>
								<el-tooltip class="item" effect="dark" content="公证告知书已签署" placement="top-start">
									<img v-if="item.notar_list.tell_text" src="../../assets/images/telled.png"
										alt="公证告知书已签署" @click="textTell(item.notar_list.tell_text)">
								</el-tooltip>
								<el-tooltip class="item" effect="dark" content="谈话记录书" placement="top-start">
									<img v-if="!item.notar_list.talk_text" src="../../assets/images/talk.png"
										style="width: 25px;height: 25px;" alt="谈话记录书">
								</el-tooltip>
								<el-tooltip class="item" effect="dark" content="谈话记录书已签署" placement="top-start">
									<img v-if="item.notar_list.talk_text" src="../../assets/images/talked.png"
										alt="谈话记录书已签署" @click="textTalk(item.notar_list.talk_text)">
								</el-tooltip>
							</p>
							<p>订单来源：{{ item.source }}</p>
							<p>快递信息：
								<span class="blue-font pointer" @click="checkLogistics(item)">
									{{ item.logistic.delivery_type == 2 ? '上门自取' : item.logistic.delivery_type == 3 ? '上门安装'
										:
										item.logistic.logistics_no ?
											`${item.logistic.logistics_no}(${item.logistic.logistics_name})` : '无'
									}}
								</span>
							</p>
							<p>定位城市：{{ item.location ? item.location : '暂无定位城市' }}</p>
							<p>下单设备型号：{{ item.device ? item.device : '下单设备型号' }}</p>
							<p>公证状态：{{ item.notar_list ? (item.notar_list.notar_status?item.notar_list.notar_status:'暂无公证信息'):"暂无公证信息" }}</p>
							<p>操作人员：<span class="blue-font">{{ item.username=='tingxiangzu'?'暂无':item.username }}</span></p>
						</div>
						<p>
						</p>
					</div>
					<div class="flex item_row">
						<div class="flex" style="width:30%">
							<div>
								<el-image style="width:100px;height:100px;position:relative;top:10px;"
									:src="item.imgurl ? $globalObj.imgBaseUrl + item.imgurl : ''">
									<div slot="error" class="image-slot">
										<i class="el-icon-picture-outline"></i>
									</div>
								</el-image>
								<div v-show="item.activity_title ? true : false"
									style="position:relative;top:-110px;font-size:12px;color:red;height:30px;">
									<span style="font-size:15px;font-weight: 500">活动:</span>
									{{ item.activity_title }}
								</div>
							</div>
							<div class="flex-1" style="padding-left:10px;">
								<p class="text-ellipsis title blue-font"><span>({{ item.new_grade_title }})</span>{{
									item.goods_title }}</p>
								<p class="meal">套餐信息：{{ item.setmeal_title }}</p>
								<p class="meal">租赁方式：{{ item.pact_type }}
									<el-button size="mini"
										v-if="item.status == 3 && $hasMethod('#checkPass') && item.is_lot != 2"
										class="border-btn" style="padding: 0 5px;"
										@click="editorder(item, 1)">更改租赁方式</el-button>
								</p>
								<p class="device">设备编号：{{ item.device_number }}
									<el-button v-if="$hasMethod('#editDevice') && item.is_lot != 2" size="mini"
										class="border-btn" style="margin-left:5px" @click="editDevice(item)">更改</el-button>
								</p>
							</div>
						</div>
						<div class="flex flex-center color-666 font-16" style="width:3%;">x{{ item.amount }}</div>
						<div class="flex flex-column flex-center" style="width:10%">
							<p class="red-font">￥{{ item.rent_total }}(共{{ item.month_total }}期)</p>
							<!-- <p class="color-666">￥{{(item.rent_total/item.month_total).toFixed(2)}}({{item.month_total}}期)</p> -->
							<p style="margin-top:10px">
								<el-button v-if="$hasMethod('#checkLease') && item.is_lot != 2" size="mini"
									class="border-btn" @click="viewLease(item.id)">
									查看租期</el-button>
							</p>
							<p style="margin-top: 10px">
								<el-button size="mini"
									v-if="item.status == 3 && $hasMethod('#checkPass') && item.is_lot != 2"
									class="border-btn" style="padding: 0 5px;"
									@click="editorder(item, 2)">更改每期租金</el-button>
							</p>
						</div>

						<div style="width:9%" class="color-666 font-12 flex flex-center">
							{{ item.begin_time }}至{{ item.end_time }}(共{{ item.month_total }}期)
						</div>
						<div style="width: 6%" class="flex flex-column flex-center">
							<p class="red-font" v-if="item.rights_auth_no">
								￥{{ item.foregift_pay ? item.foregift_pay : item.foregift }}
							</p>
							<p class="color-999 font-12">
								{{
									!item.rights_auth_no
									? "未授权免押"
									: item.foregift_deduct == 0
										? "押金冻结"
										: item.foregift_pay > 0
											? "部分免押"
											: "押金全免"
								}}
							</p>
							<p class="color-999 font-12" style="text-decoration: line-through"
								v-if="item.foregift_deduct > 0">
								￥{{
									item.foregift_pay
									?
									item.part_foregift
									:
									item.all_foregift
								}}
							</p>
							<!-- 更改市场价 -->
							<p v-if="item.status == 2 && item.is_amount_apply == 1" style="margin-top: 10px">
								<el-button size="mini" class="border-btn" @click="editorder(item, 5)">更改</el-button>
							</p>
						</div>
						<div style="width:15%" class="flex flex-column flex-center">
							<p class="red-font">￥{{ item.lease.paid_rent }}</p>
							<p class="color-999 font-12">
								{{ item.pay_type == 1 ? '智能合同代扣' : item.pay_type == 2 ? '芝麻信用（' + (item.rights_auth_no != 0
									? '已授权代扣' :
									'未授权代扣') + '）' : '花呗'
								}}
							</p>
							<p style="margin-top:5px;">
								<el-button size="mini" type="success" class="long-text-btn"
									@click="checkPaidBill(item.id, item.lease.paid_rent)">
									<span>已付：</span>￥{{ item.lease.paid_rent }}/￥{{ item.rent_total }}
								</el-button>
							</p>
							<p style="margin-top:5px">
								<el-button size="mini" type="warning">已结租金￥{{ item.lease.settle_amount }}</el-button>
							</p>
						</div>
						<div style="width:8%" class="flex flex-center flex-column font-12 color-666">
							<p class="text-center" v-if="item.is_buy_out == 1">
								买断金: ￥{{ item.setmeal_price }}
							</p>
						</div>
						<div style="width:7%" class="flex flex-column flex-center">
							<template v-if="JSON.stringify(item.lease.next) !== '[]'">
								<p class="font-12 color-666">￥{{ item.lease.next.amount }}</p>
								<p class="font-12 color-666">{{ item.lease.next.date }}</p>
							</template>
						</div>
						<div style="width:16%">
							<p class="flex align-center justify-between font-12 color-666">
								<span>{{ item.realname }}</span>
								<span>{{ item.address_mobile }}</span>
							</p>
							<p class="font-12 color-666" style="word-break:break-all;">{{ item.prov + item.city + item.area
								+
								item.address
							}}
							</p>
							<p style="margin-top:10px">
								<el-button v-if="$hasMethod('#editAddress') && item.is_lot != 2" size="mini"
									class="border-btn" @click="editAddress(item)">
									修改地址</el-button>
							</p>
						</div>
					</div>
					<div class="flex item_row">
						<div style="width:57%" class="detail">
							<p class="color-666">
								认证资料：{{ item.authentic.cert_name }}（{{ item.authentic.cert_no }}）手机号：{{
									item.authentic.mobile }}，人脸识别{{
		item.authentic.status == 1 ?
		'通过' : '不通过'
	}}
								性别：{{ item.authentic.sex }} 年龄：{{ item.authentic.age }}
								<el-button v-if="item.authentic.idcard_back && item.authentic.idcard_front"
									size="mini" class="border-btn" @click="checkAuthInfo(item)">认证资料</el-button>
							</p>
							<p class="color-666">
								风控建议：
								<template v-if="JSON.stringify(item.orderRemark1) !== '[]'">
								{{ item.orderRemark1.remark }}
								<span v-if="item.seller_id==1653450768" class="blue-font pointer" style="margin-right: 10px" @click="viewRemark(item.id,1)">查看建议记录</span>
								</template>
								<el-button v-if="item.seller_id==1653450768" size="mini" class="border-btn" @click="addRemark(item.id,'1')">添加风控建议</el-button>
							</p>
							<p class="color-666" :class="{ 'red-font': item.is_skip == 1 }">
								风控信息：{{ item.is_skip == 1 ? '【未风控】商家跳过风控' : item.risk }}
								<el-button v-if="item.is_skip == 0 && $hasMethod('#riskControl') && item.risk == ''"
									size="mini" class="border-btn" @click="openTip(item)">蚁盾风控</el-button>
								<!-- <el-button size="mini" class="border-btn" style="padding: 0 1px;" @click="selectRisk(item)">查看大数据
                  </el-button> -->
								<el-button size="mini" class="border-btn" style="padding: 0 1px;" @click="antsDialog(item)">
									蚂蚁风控
								</el-button>
								<el-button size="mini" class="border-btn" style="padding: 0 1px;"
									@click="handleOrderData(item)">查看大数据
								</el-button>
								<el-button size="mini" class="border-btn" style="padding: 0 1px;"
									@click="radarDialog(item)">查看雷达风控数据
								</el-button>
								<el-button size="mini" class="border-btn" style="padding: 0 1px;"
									@click="billAbDialog(item)">查看钞能力数据
								</el-button>
								<!-- <el-button v-if="[3,10,20,30].indexOf(item.status) > -1" size="mini" class="border-btn"
                    style="padding: 0 1px;" @click="selectCredit(item)">征信风控报告
                  </el-button> -->
								<el-button size="mini" class="border-btn" style="padding: 0 1px;"
									@click="selectCredit(item)">{{ isSuccess == 1 ? '已查询征信风控报告' : isSuccess == 2 ?
										'该用户征信查询失败' : isSuccess == 3 ? '查询征信申请中' : '查看征信风控报告' }}</el-button>
							</p>
							<p class="color-666 red-font">紧急联系人：{{ item.emergency_contact }}</p>
							<p class="color-666 font-12">用户备注：{{ item.remark }}</p>
							<p class="color-666 font-12">客服备注：
								<template v-if="JSON.stringify(item.orderRemark) !== '[]'">
									{{ item.orderRemark.create_time }}，{{ item.orderRemark.username }}添加备注：{{
										item.orderRemark.remark }}
									<span v-if="$hasMethod('#checkRemark')" class="blue-font pointer"
										style="margin-right:10px" @click="viewRemark(item.id,9)">查看备注记录</span>
								</template>
								<el-button v-if="$hasMethod('#addRemark')" size="mini" class="border-btn"
									@click="addRemark(item.id,9)">
									添加备注</el-button>
							</p>
							<p class="color-666" style="margin-top:5px">
								<template v-if="JSON.stringify(item.leaseFlow) !== '[]'">
									第{{ item.leaseFlow.which_period }}期通过支付宝{{ item.leaseFlow.pay_type == 1 ? '智能合同代扣' :
										item.leaseFlow.pay_type == 2 ? '芝麻信用' : item.leaseFlow.pay_type == 3 ? '花呗' : '主动支付'
									}}{{
	item.leaseFlow.status == 1 ? '支付' + item.leaseFlow.rent + '元' : item.leaseFlow.status ==
		2 ? '退款' +
		item.leaseFlow.rent + '元' : item.leaseFlow.status == 3 ? '买断' : '未支付'
}}
								</template>
								<el-button v-if="$hasMethod('#checkFlow') && item.is_lot != 2" size="mini"
									class="border-btn" @click="viewFlow(item.trade_no)">流水记录</el-button>
							</p>
						</div>
						<div style="width:43%" class="flex flex-column justify-center">
							<p v-if="item.orderRefundReason" style="padding:0 10px">
								退款原因：{{ item.orderRefundReason }}
							</p>
							<p v-if="item.is_renewal == 1" style="margin-left: 10px">
								原订单号：<span class="blue-font">{{ item.parent_order_no }}</span>
							</p>
							<p v-if="item.is_abnormal == 1 && [41, 42, 43, 44, 45, 49, 60, 65].indexOf(item.status) > -1"
								class="red-font" style="margin-left: 10px;">该订单提前归还</p>
							<p v-if="item.check_refuse_reason && item.status == 43" class="red-font"
								style="margin-left: 10px">
								审核拒绝原因：{{ item.check_refuse_reason }}</p>
							<!-- <p v-if="item.status==30" style="" class="btns flex align-center every">
                <el-row :gutter="20">
                  <el-col :span="8"><el-button  @click="buyInsurance(item.id)" size="mini" type="primary">购买保险</el-button></el-col>
                  <el-col :span="8" >
                    <el-tag class="pointer" :type="0===1 ? 'danger' : 'success'" disable-transitions
                     @click="getParams('')">{{0==1?'失败':'成功'}}</el-tag>
                  </el-col>
                  <el-col :span="8"><el-button @click="checkContract('')" type="primary" size="mini">查看保单</el-button></el-col>
                </el-row>
                  
                </p> -->
							<p v-if="item.status == 30" style="" class="btns flex align-center every">
								<el-row :gutter="20">
									<el-col :span="8">
										<el-button v-if="item.is_set == 1" size="mini" type="success">已上征信</el-button>
										<el-button v-else size="mini" type="warning">未上征信</el-button>
									</el-col>
								</el-row>

							</p>
							<p class="btns flex align-center">
								<el-button v-if="item.status == 10 && $hasMethod('#delivery')" size="mini" type="warning"
									@click="openDelivery(item.id)">订单发货</el-button>
								<el-button v-if="item.status == 10 && $hasMethod('#refuseorder')" size="mini" type="danger"
									@click="refuseorder(item.id)">拒绝订单</el-button>
								<el-button v-if="item.status == 3 && $hasMethod('#checkPass') && item.is_lot != 2"
									size="mini" type="success" @click="checkPass(item.id)">审核通过</el-button>
								<el-button v-if="item.status == 3 && item.is_lot != 2" size="mini" type="danger"
									@click="returnOrder(item.id)">转回平台</el-button>
								<el-button v-if="item.status == 20 && $hasMethod('#receipt')" size="mini" type="warning"
									@click="confirmReceipt(item.id)">确认收货</el-button>
								<el-button v-if="item.status == 44 && $hasMethod('#confirmR')" size="mini" type="warning"
									@click="confirmReturn(item.id)">确认归还</el-button>
								<!-- <el-button
                    v-if="item.status==45"
                    size="mini"
                    type="warning"
                    @click="finishReturn(item.id)"
                  >归还完成</el-button> -->
								<el-button
									v-if="[20, 30, 31, 32, 33, 34, 39, 40, 41, 42, 43, 44, 45, 49, 50, 51, 52, 56, 57, 58].indexOf(item.status) > -1 && $hasMethod('#checkLogistics')"
									size="mini" type="primary" @click="checkLogistics(item)">查看物流</el-button>
								<el-button
									v-if="[3, 9, 10, 11, 12, 13, 14, 15, 16, 20, 30, 31, 32, 33, 34, 39, 40, 41, 42, 43, 44, 45, 49, 50, 51, 52, 56, 57, 58, 60, 61, 62, 63, 64, 65].indexOf(item.status) > -1 && item.pact_url != 0 && item.sign_status == 2"
									size="mini" type="primary"
									@click="checkPact($globalObj.imgBaseUrl + item.pact_url)">查看合同</el-button>
								<el-button v-if="[11, 12, 13, 14].indexOf(item.status) > -1" size="mini" type="warning"
									@click="handleRefundOrder(item.trade_no)">去处理</el-button>
								<el-button v-if="[11, 12, 13, 14].indexOf(item.status) > -1" size="mini" type="warning"
									@click="handleRefundOrder(item.trade_no)">去处理</el-button>
								<el-button
									v-if="[9, 10, 11, 12, 13, 14, 20, 30, 31, 32, 33, 34, 39, 40, 41, 42, 43, 44, 45, 49, 50, 51, 52, 56, 57, 58].indexOf(item.status) > -1 && $hasMethod('#finish')"
									size="mini" type="success" @click="finishOrder(item.id)">交易完成</el-button>
								<el-button v-if="item.status == 41 && $hasMethod('#agree')" size="mini" type="warning"
									@click="agreeReturn(item.id)">同意归还</el-button>
								<el-button v-if="item.status == 41 && $hasMethod('#refuse')" size="mini" type="danger"
									@click="refuseReturn(item.id)">拒绝归还</el-button>
								<!-- <el-button v-if="
                    [2].indexOf(item.status) > -1 && $hasMethod('#close')
                  " size="mini" type="danger" @click="closeOrder(item.id)">关闭订单</el-button> -->
								<!-- <el-button v-if="
                    [3].indexOf(item.status) > -1 && $hasMethod('#close')
                  " size="mini" type="danger" @click="refuseOrder2(item.id)">审核拒绝</el-button> -->

								<el-button v-if="[3, 9, 10, 20, 30].indexOf(item.status) > -1 && item.pact_url_4
									" size="mini" type="success">已上征信</el-button>
								<!-- [3,9,10,20,30] -->
								<el-button v-if="[3].indexOf(item.status) > -1 && !item.pact_url_4 && item.is_lot != 2
									" size="mini" type="primary" @click="createCreditCompany(item.id)">上征信</el-button>

							</p>
						</div>
					</div>
				</div>
			</div>
			<custom-page ref="customPage" :total="total" @getList="getList"></custom-page>
		</div>
		<check-lease ref="checkLease" :order-id="selectedId"></check-lease>
		<set-address ref="setAddress" :edit-item="editItem" @getList="getList"></set-address>
		<set-device ref="setDevice" :edit-item="editItem" @getList="getList"></set-device>
		<set-remark ref="setRemark" :order-id="selectedId" @getList="getList" :dialog-title="titleDialog">
		</set-remark>
		<check-remark ref="checkRemark" :order-id="selectedId" :remark-type="remarkType"></check-remark>
		<check-flow ref="checkFlow" :order-no="selectedId"></check-flow>
		<delivery ref="delivery" :order-id="selectedId" @getList="getList"></delivery>
		<receipt ref="receipt" :order-id="selectedId" @getList="getList"></receipt>
		<auth-info ref="authInfo" :edit-item="editItem"></auth-info>
		<check-bill ref="checkBill" :order-id="selectedId"></check-bill>
		<edit-order ref="editOrder" :edit-item="editItem" @getList="getList"></edit-order>
		<select-risk ref="selectRisk" :edit-item="editItem" @getList="getList"></select-risk>
		<select-credit ref="selectCredit" :edit-item="editItem" @getList="getList"></select-credit>
		<!-- 新版征信 -->
		<new-select-risk ref="newSelectRisk" :order-id="newOrderId" @setIsSuccess="setIsSuccess"></new-select-risk>
		<check-logistics ref="checkLogistics" :edit-item="editItem"></check-logistics>
		<insurance ref="insurance" :order-id="selectedId" :insurance-list="InsuranceList"></insurance>
		<param-dialog :dialogVisible="dialogVisible" :dialogType="dialogType" :responseInfo="responseInfo"
			:requestInfo="requestInfo" @close="closeDialog"></param-dialog>
		<radar ref="radarDialog" :edit-item="editItem" @getList="getList" @resp-code="respCode"></radar>
		<bill-ab-dialog ref="billAbDialog" :edit-item="editItem" @getList="getList"></bill-ab-dialog>
		<edu-details ref="eduDetails" :edit-item="editItem" />
		<!-- 拒绝归还 -->
		<el-dialog title="拒绝归还" :visible.sync="returnVisible" width="500px">
			<el-form :model="returnForm">
				<el-form-item label="拒绝原因" label-width="120px">
					<el-input v-model="returnForm.checkRefuseReason" autocomplete="off" placeholder="请输入拒绝原因" type="text"
						maxlength="50" show-word-limit></el-input>
				</el-form-item>
			</el-form>
			<div slot="footer" class="dialog-footer">
				<el-button @click="closeReturn">取 消</el-button>
				<el-button type="primary" @click="confirmReturnVisible">确 定</el-button>
			</div>
		</el-dialog>
		<el-dialog width="500px" title="提示" :visible.sync="orderDialogVisible" :close-on-click-modal="false">
			<el-form :model="form" :rules="rules" ref="ruleFormOrder" label-width="100px">
				<el-form-item label="">
					<p>首次查看大数据会使风控余量减1次，后续不扣余量并且可在"营销->布尔数据"内查看，是否确认查看大数据?</p>
				</el-form-item>
				<el-form-item label="请选择分类" prop="goods_type">
					<el-select v-model="form.goodsType" placeholder="全部" @change="handleChange" clearable>
						<el-option v-for="item in goodsType" :key="item.value" :label="item.label"
							:value="item.value"></el-option>
					</el-select>
				</el-form-item>
			</el-form>
			<div slot="footer" class="dialog-footer">
				<el-button size="small" @click="orderDialogVisible = false">取 消</el-button>
				<el-button size="small" type="primary" @click="handleSubmit">确 定</el-button>
			</div>
		</el-dialog>
		<el-dialog width="520px" title="提示" :visible.sync="eduDialogVisible">
			<el-form ref="eduForm" :model="eduForm" :rules="rules" label-width="100px">
				<el-form-item label="证书编号" prop="certificateNo">
					<el-tooltip class="item" effect="dark" :content="content" placement="bottom">
						<el-input v-model="eduForm.certificateNo" placeholder="请输入证书编号" type="text" show-word-limit
							clearable />
					</el-tooltip>
				</el-form-item>
			</el-form>
			<div slot="footer" class="dialog-footer">
				<el-button size="small" @click="closeReturnEdu">取 消</el-button>
				<el-button size="small" type="primary" @click="handleSubmitEdu">确 定</el-button>
			</div>
		</el-dialog>
	</div>
</template>
<script>
import globalData from "../../utils/global";
import customPage from "@/components/customPage";
import myDatePicker from "@/components/myDatePicker"
import {
	orderList,
	getOrderStatus,
	orderListExport,
	orderFinish,
	orderReturnAgree,
	orderReturnRefuse,
	orderComfirmReturn,
	orderReturnFinish,
	orderClose,
	orderRisk,
	getBooleaRiskNum,
	orderRefuse,
	createCreditCompany
} from "@/api/order"
import { rejectRefund, orderCheckPass, returnOrder } from '../../api/orderRefund'
import checkLease from '../order/dialogs/checklease';
import setAddress from '../order/dialogs/setAddress';
import setDevice from '../order/dialogs/setDevice';
import setRemark from '../order/dialogs/setRemark';
import checkRemark from '../order/dialogs/checkRemark';
import checkFlow from '../order/dialogs/checkFlow';
import delivery from '../order/dialogs/delivery';
import receipt from '../order/dialogs/receipt';
import authInfo from '../order/dialogs/authInfo';
import checkBill from '../order/dialogs/checkBill';
import checkLogistics from '../order/dialogs/checkLogistics';
import editOrder from '../order/dialogs/editOrder';
import selectRisk from '../order/dialogs/selectRisk';
import insurance from '../order/dialogs/Insurance';
import paramDialog from '../order/dialogs/paramDialog';
import selectCredit from "../order/dialogs/selectCredit"
import radar from "../order/dialogs/radar"
import eduDetails from '../order/dialogs/eduDetails'
import billAbDialog from '../order/dialogs/billAbDialog'
import newSelectRisk from '../order/dialogs/newSelectRisk'
export default {
	components: { paramDialog, insurance, myDatePicker, customPage, checkLease, setAddress, setDevice, setRemark, checkRemark, checkFlow, delivery, receipt, authInfo, checkBill, checkLogistics, editOrder, selectRisk, selectCredit, radar, eduDetails, billAbDialog, newSelectRisk },
	data() {
		return {
			searchForm: {
				orderNo: '',
				goodsName: '',
				receivingName: '',
				receivingMobile: '',
				orderStatus: '',
				orderCreateTime: ''
			},
			form: {
				goodsType: "",
			},
			goodsType: [
				{
					label: '其他',
					value: 0
				},
				{
					label: '游戏电玩',
					value: 1
				},
				{
					label: '娱乐影音',
					value: 2
				},
				{
					label: '电脑平板',
					value: 3
				},
				{
					label: '手机优选',
					value: 4
				}
			],
			statusList: globalData.orderStatus,
			total: 0,
			tableData: [],
			activeName: 'all',
			tabList: [
				{
					id: 'all',
					name: '全部订单',
					count: 0
				},
				{
					id: 'notCheck',
					name: '待审核',
					count: 0,
				},
				{
					id: 'apply',
					name: '申请中',
					count: 0,
				},
				{
					id: 'notPay',
					name: '待付款订单',
					count: 0
				},
				{
					id: 'deliveredNot',
					name: '待发货订单',
					count: 0
				},
				{
					id: 'deliveredIs',
					name: '已发货订单',
					count: 0
				},
				{
					id: 'orderIng',
					name: '租用中订单',
					count: 0
				},
				{
					id: 'orderCompleted',
					name: '交易完成订单',
					count: 0
				},
				{
					id: 'refuse',
					name: '审核拒绝',
					count: 0,
				},
				{
					id: 'orderCancel',
					name: '取消订单',
					count: 0
				},
				{
					id: 'orderReturn',
					name: '归还订单',
					count: 0
				},
				{
					id: 'orderBuyout',
					name: '买断订单',
					count: 0
				},
				{
					id: 'orderRenewal',
					name: '续租订单',
					count: 0
				},
				{
					id: 'orderRefund',
					name: '退款订单',
					count: 0
				}
			],
			selectedId: '',
			editItem: {},
			selectList: [],
			returnVisible: false,
			refuseId: '',
			returnForm: {
				checkRefuseReason: ''
			},
			InsuranceList: [
				{
					member_id: 1653450768,
					mechanism: '广州皓海同舟信息技术有限公司'
				}
			],
			dialogVisible: false,
			orderDialogVisible: false,
			dialogType: 1,
			responseInfo: {},
			requestInfo: {},
			dataItem: {}, // 查看大数据
			eduDialogVisible: false,
			eduForm: {
				order_id: '',
				certificateNo: ''
			},
			eduId: '',
			content: '如果没有输入证书编号，则只能查询简要信息如：(姓名、证件号码、学历层次)',
			newOrderId: '',
      titleDialog:'',
      remarkType:''
		}
	},
	mounted() {
		this.form.goodsType = this.goodsType[4].label
		this.typeId = this.goodsType[4].value
		if (this.$route.params.orderId) {
			this.searchForm.orderNo = this.$route.params.orderId
		}
		this.getSelect()
		this.getList()
	},
	methods: {
		
		textContact(url){
      window.open(url)
    },
    textApply(url){
      window.open(url)
    },
    textTell(url){
      window.open(url)
    },
    textTalk(url){
      window.open(url)
    },
		setIsSuccess(setIsSuccess) {
			this.isSuccess = setIsSuccess
		},
		openTip(item) {
			this.$confirm('是否确认蚁盾风控?', '提示', {
				confirmButtonText: '确定',
				cancelButtonText: '取消'
			})
				.then(() => {
					orderRisk({ orderId: item.id }).then((res) => { })
					this.getList()
				})
				.catch(() => { })
		},
		handleRefundOrder(tradeNo) {
			this.$router.push({ name: 'refundList', params: { tradeNo } })
		},
		// 查看合同
		checkPact(url) {
			window.open(url)
		},
		//查看征信
		selectCredit(item) {
			this.$confirm('首次查看征信报告会使征信报告余量减1次，后续不扣余量并且可在"营销->征信报告"内查看，是否确认查看征信报告？', "提示", {
				confirmButtonText: "确定",
				cancelButtonText: "取消",
			})
				.then(() => {

					this.newOrderId = item.id
					console.log(this.newOrderId);
					this.$refs.newSelectRisk.dialogVisible = true
					// this.getList()
				})
				.catch(() => { });
		},
		// 蚂蚁风控
		antsDialog(item) {
			this.$confirm('是否确认查看蚂蚁风控?', '提示', {
				confirmButtonText: '确定',
				cancelButtonText: '取消'
			})
				.then(() => {
					this.editItem = item
					this.$refs.eduDetails.dialogVisible = true
				})
				.catch(() => { })
		},
		// 签署担保合同
		createCreditCompany(id) {
			this.$confirm("订单上征信后无法取消，确定要上征信吗？", "确认上征信", {
				confirmButtonText: "确定",
				cancelButtonText: "取消",
			})
				.then(() => {
					createCreditCompany(id).then((res) => {
						this.getList();
					});
				})
				.catch(() => { });
		},
		// 查看保单
		checkContract(pactUrl) {
			if (!pactUrl) {
				this.$message.warning('暂无保单');
			} else {
				window.open(this.$globalObj.imgBaseUrl + pactUrl)
			}
		},
		// 查看是否上保
		getParams(row) {
			this.dialogType = 2
			this.dialogVisible = true
			this.responseInfo = row ? row : {}
			this.requestInfo = {}
		},
		// 关闭查看上保
		closeDialog() {
			this.dialogVisible = false
		},
		// 订单完结
		finishOrder(id) {
			this.$confirm('交易完成后进行解约现有款项不退款，并解约代扣无法发起未代扣的期数！', '请确认是否交易完成？', {
				confirmButtonText: '确定',
				cancelButtonText: '取消'
			}).then(() => {
				orderFinish(id).then(res => {
					this.getList()
				});
			}).catch(() => { })
		},
		// 同意归还
		agreeReturn(id) {
			this.$confirm('确定要同意归还吗？', '同意归还', {
				confirmButtonText: '确定',
				cancelButtonText: '取消'
			}).then(() => {
				orderReturnAgree(id).then(res => {
					this.getList()
				});
			}).catch(() => { })
		},
		// 拒绝归还
		refuseReturn(id) {
			this.refuseId = id
			this.returnVisible = true
		},
		// 订单关闭
		closeOrder(id) {
			this.$confirm('确定要关闭订单吗？', '关闭', {
				confirmButtonText: '确定',
				cancelButtonText: '取消'
			}).then(() => {
				orderClose(id).then(res => {
					this.getList()
				});
			}).catch(() => { })
		},
		// 审核拒绝
		refuseOrder2(id) {
			this.$confirm('确定要拒绝订单吗？', '拒绝', {
				confirmButtonText: '确定',
				cancelButtonText: '取消'
			})
				.then(() => {
					orderRefuse(id).then((res) => {
						this.getList()
					})
				})
				.catch(() => { })
		},
		// 查看学历
		educationDialog(item) {
			this.$confirm('是否确认查看蚂蚁风控?', '提示', {
				confirmButtonText: '确定',
				cancelButtonText: '取消'
			})
				.then(() => {
					this.editItem = item
					this.$refs.eduDetails.dialogVisible = true
				})
				.catch(() => { })
		},
		closeReturnEdu() {
			this.eduDialogVisible = false
			this.eduForm.certificateNo = ''
		},
		handleSubmitEdu() {
			this.$refs['eduForm'].validate((valid) => {
				console.log(this.eduForm);
				if (valid) {
					this.eduId = this.eduForm.certificateNo
					this.eduDialogVisible = false
					this.$refs.eduDetails.dialogVisible = true
					this.eduForm = {}
					// this.getList()
				} else {
					this.$message({
						message: '请选择类型',
						type: 'error'
					})
					return false
				}
			})
		},
		closeReturn() {
			this.returnVisible = false
			this.returnForm.checkRefuseReason = ''
		},
		confirmReturnVisible() {
			if (!this.returnForm.checkRefuseReason) {
				this.$message.warning('拒绝原因不能为空')
				return false
			}
			orderReturnRefuse({
				orderId: this.refuseId,
				checkRefuseReason: this.returnForm.checkRefuseReason
			}).then((res) => {
				this.getList()
				this.closeReturn()
			}).catch(() => { })
		},
		// 确认归还
		confirmReturn(id) {
			this.$confirm('确定要归还吗？', '确认归还', {
				confirmButtonText: '确定',
				cancelButtonText: '取消'
			}).then(() => {
				orderComfirmReturn(id).then(res => {
					this.getList()
				})
			}).catch(() => { })
		},
		// 归还完成
		// finishReturn(id){
		//   orderReturnFinish(id).then(res => {
		//     this.getList();
		//   });
		// },
		// 查看物流
		checkLogistics(item) {
			this.editItem = item
			this.$refs.checkLogistics.dialogVisible = true
		},
		// 查看已付账单详情
		checkPaidBill(id, paid_rent) {
			if (this.$hasMethod('#checkBill') && paid_rent > 0) {
				this.selectedId = id
				this.$refs.checkBill.dialogVisible = true
			}
		},
		// 查看认证资料
		checkAuthInfo(item) {
			this.editItem = {
				face_photo: item.face_photo,
				idcard_back: item.authentic.idcard_back,
				idcard_front: item.authentic.idcard_front
			}
			this.$refs.authInfo.dialogVisible = true
		},
		// 确认收货
		confirmReceipt(id) {
			this.selectedId = id
			this.$refs.receipt.dialogVisible = true
		},
		// 订单发货
		openDelivery(id) {
			this.selectedId = id
			this.$refs.delivery.dialogVisible = true
		},
		// 购买保险
		buyInsurance(id) {
			this.tableData.forEach(item => {
				if (item.id === id) {
					this.InsuranceList.push({
						mechanism: item.mechanism,
						member_id: item.member_id
					})
				}
			})
			this.InsuranceList = this.InsuranceList.filter((element, index, self) => {
				return self.findIndex(x => x.member_id === element.member_id) === index
			})
			this.selectedId = id
			this.$refs.insurance.dialogVisible = true
		},
		// 拒绝订单
		refuseorder(id) {
			this.$confirm('请确认是否拒绝该订单?', {
				confirmButtonText: '确定',
				cancelButtonText: '取消'
			})
				.then(() => {
					rejectRefund({
						order_id: id
					})
						.then((res) => {
							// console.log(res);
							this.getList()
						})
						.catch(() => { })
				})
				.catch(() => { })
		},
		// 审核通过
		checkPass(id) {
			this.$confirm('需要上征信的订单必须要在审核通过前执行上征信操作完成，请确认是否审核通过该订单?', {
				confirmButtonText: '确定',
				cancelButtonText: '取消'
			})
				.then(() => {
					orderCheckPass({
						orderId: id
					})
						.then((res) => {
							// console.log(res);
							this.getList()
						})
						.catch(() => { })
				})
				.catch(() => { })
		},
		// 转回平台
		returnOrder(id) {
			this.$confirm('是否拒绝该订单并转回平台?', {
				confirmButtonText: '确定',
				cancelButtonText: '取消'
			})
				.then(() => {
					returnOrder({
						orderId: id
					})
						.then((res) => {
							// console.log(res);
							this.getList()
						})
						.catch(() => { })
				})
				.catch(() => { })
		},
		// 查看流水记录
		viewFlow(trade_no) {
			this.selectedId = trade_no
			this.$refs.checkFlow.dialogVisible = true
		},
		// 查看客服备注
		viewRemark(id,type) {
      this.remarkType=type
			this.selectedId = id
			this.$refs.checkRemark.dialogVisible = true
		},
		// 添加客服备注
		addRemark(id,type) {
			if(type==1){
        this.titleDialog="风控建议"
      }else{
        this.titleDialog="客服备注"
      }
			this.selectedId = id
			this.$refs.setRemark.dialogVisible = true
		},
		// 更改设备编号
		editDevice(item) {
			this.editItem = {
				orderId: item.id,
				deviceNumber: item.device_number ? item.device_number.split(',') : [],
				amount: item.amount
			}
			this.$refs.setDevice.dialogVisible = true
		},
		// 修改地址
		editAddress(item) {
			this.editItem = {
				orderId: item.id,
				realname: item.realname,
				mobile: item.address_mobile,
				address: item.address,
				prov: item.prov,
				city: item.city,
				area: item.area,
				province: [item.prov, item.city, item.area]
			}
			this.$refs.setAddress.dialogVisible = true
		},
		// 查看租期
		viewLease(id) {
			this.selectedId = id
			this.$refs.checkLease.dialogVisible = true
		},
		// 编辑订单
		editorder(item, num) {
			// 1 租赁方式  2 每期租金 3 买断金 4 更改押金
			this.editItem = {
				orderId: item.id,
				pact_type: item.pact_type_number,
				month_total: item.month_total,
				setmeal_price: item.setmeal_price,
				rent: '',
				activity_id: item.activity_id > 0 ? 1 : 2,
				setmeal_foregift_apply: item.setmeal_foregift_apply ? item.setmeal_foregift_apply : 0,
				setmeal_foregift: item.setmeal_foregift,
				num: num
			}
			this.$refs.editOrder.dialogVisible = true
		},
		handleOrderData(item) {
			this.dataItem = item
			this.orderDialogVisible = true
		},
		// 查看雷达风控数据
		radarDialog(item) {
			console.log(item);
			this.$confirm('首次查看雷达大数据会使风控余量减1次，后续不扣余量并且可在"营销->布尔数据"内查看，是否确认查看大数据?', '提示', {
				confirmButtonText: '确定',
				cancelButtonText: '取消'
			})
				.then(() => {
					this.editItem = {
						orderId: item.id,
						cert_name: item.authentic.cert_name,
						cert_no: item.authentic.cert_no,
						mobile: item.mobile
					}
					console.log(this.editItem);
					this.$refs.radarDialog.dialogVisible = true
					// this.getList()
					this.respCode()
				})
				.catch(() => { })
		},
		respCode(data) {
			console.log(data);
			if (data.length == 0) {
				this.$message({
					message: "该用户没有雷达风控数据风险",
					type: "error"
				})
			}
		},
		// 查看钞能力风控数据
		billAbDialog(item) {
			console.log(item);
			this.$confirm('首次查看钞能力风控数据会使风控余量减1次，后续不扣余量并且可在"营销->布尔数据"内查看，是否确认查看大数据?', '提示', {
				confirmButtonText: '确定',
				cancelButtonText: '取消'
			})
				.then(() => {
					this.editItem = {
						orderId: item.id,
						cert_name: item.cert_name,
						cert_no: item.cert_no,
						mobile: item.mobile
					}
					console.log(this.editItem);
					this.$refs.billAbDialog.dialogVisible = true
					// this.getList()
					// this.respCode()
				})
				.catch(() => { })
		},
		handleSubmit() {
			this.$refs['ruleFormOrder'].validate((valid) => {
				if (valid) {
					getBooleaRiskNum(this.dataItem.id).then((res) => {
						if (res.data !== 1) {
							this.editItem = {
								orderId: this.dataItem.id,
								cert_name: this.dataItem.authentic.cert_name,
								cert_no: this.dataItem.authentic.cert_no,
								mobile: this.dataItem.mobile,
								rent_total: this.dataItem.rent_total,
								month_total: this.dataItem.month_total,
								website_price: this.dataItem.website_price,
								new_grade: this.dataItem.new_grade,
								goods_type: this.typeId
							}
							this.orderDialogVisible = false
							this.$refs.selectRisk.dialogVisible = true
						}
					})
				} else {
					this.$message({
						message: "请选择类型",
						type: "error"
					})
					return false
				}
			})
		},
		getOrderStatusType(status) {
			const obj = this.statusList.find(item => item.id === status)
			return obj ? obj.type : 'warning'
		},
		getOrderStatusName(status) {
			const obj = this.statusList.find(item => item.id === status)
			return obj ? obj.name : ''
		},
		// 获取数据
		getList(flag) {
			// flag为true, 则不刷新表格
			const { page, pageSize } = this.$refs.customPage
			if (!flag) {
				this.tableData = []
			}
			orderList({
				page,
				pageSize,
				...this.searchForm,
				orderStatusGroup: "deliveredIs"
			}).then(res => {
				const { list, count } = res
				this.tableData = list.data || []
				this.total = list.total || 0
				for (const item of this.tabList) {
					item.count = count[item.id]
				}
				// console.log("this.tabList=>",this.tabList);
			})
		},
		// 查询
		search() {
			const pickerVal = this.$refs.myDatePicker.getVal()
			if (pickerVal !== 'error') {
				this.searchForm.orderCreateTime = pickerVal
				this.$refs.customPage.page = 1
				this.getList()
			}
		},
		// 重置
		reset() {
			if (this.$refs.myDatePicker) {
				this.$refs.myDatePicker.reset()
			}
			this.searchForm = {
				orderNo: '',
				goodsName: '',
				receivingName: '',
				receivingMobile: '',
				riskName: '',
				riskMobile: '',
				orderStatus: '',
				orderCreateTime: ''
			}
			this.getList()
		},
		// 导出
		exportFile() {
			const pickerVal = this.$refs.myDatePicker.getVal()
			if (pickerVal !== 'error') {
				this.searchForm.orderCreateTime = pickerVal
				orderListExport({
					...this.searchForm,
					orderStatusGroup: this.activeName
				})
			}
		},
		handleClick(tab) {
			this.activeName = tab.name
			this.$refs.customPage.page = 1
			this.getList()
		},
		getSelect() {
			getOrderStatus().then(res => {
				const list = []
				for (const key in res) {
					list.push({
						id: key,
						name: res[key]
					})
				}
				this.selectList = list || []
			})
		}
	}
}
</script>
<style lang="scss" scoped>
.common_form_search {
	padding: 15px 30px 0;
}

.child_page {
	padding-bottom: 15px;
	padding-left: 30px;
	padding-right: 30px;

	p,
	div {
		box-sizing: border-box;
	}
}

.list_wrap {
	position: relative;
}

.list_header {
	position: sticky;
	top: 0;
	left: 0;
	right: 0;
	min-height: 50px;
	z-index: 2;
	background: #f5f5f5;
	border: 1px solid #e6e6e6;

	p {
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 16px;
	}

	p:not(:first-child) {
		border-left: 1px solid #e6e6e6;
	}
}

.list_item {
	display: block;
	border: 1px solid #e6e6e6;
	margin-top: 10px;
}

.item_row {
	border-top: 1px solid #e6e6e6;

	&>div {
		padding: 10px;
		color: #666666;

		&:not(:first-child) {
			border-left: 1px solid #e6e6e6;
		}
	}
}

.detail,
.btns {
	padding: 10px;
}

.every {
	border-bottom: 1px solid #f5f5f5;
	margin-top: -60px;
	padding-bottom: 0;
}

.every .el-tag {
	width: 74px;
	text-align: center;
	font-size: 14px;
}

.btns {

	// border-left: 1px solid #e6e6e6;
	.el-button+.el-button {
		margin-left: 10px;
	}
}

.border-btn {
	height: 25px;
	padding-top: 0;
	padding-bottom: 0;
	background: #ffffff;
	border: 1px solid $mainBlue;
	border-radius: 3px;
	color: $mainBlue;
	font-size: 12px;
}

.sign_icons img {
	// width: 21px;
	height: 23px;
	margin-right: 2px;
}

.item_header {
	padding: 5px 10px;
	background-color: #f5f5f5;

	&>div p {
		color: #666666;
		font-size: 12px;
		padding-left: 20px;
	}
}

.title {
	font-size: 16px;
	line-height: 23px;
	padding-bottom: 15px;
}

.meal,
.device {
	font-size: 12px;
	color: #999999;
	line-height: 23px;
}

.item_row p {
	line-height: 23px;
}

.item_row div {
	line-height: 20px;
}

.btns {
	padding-left: 0;
}

.btns .el-button {
	margin-left: 10px;
	margin-bottom: 10px;
}

.text-ellipsis span {
	color: purple;
}</style>
  